<template>
  <div class="app-page">
    <div class="title">default</div>
    <datetime v-on:change="getValue"></datetime>

    <div class="title">format : MM-DD</div>
    <datetime v-on:change="getValue" format="MM-DD"></datetime>

    <div class="title">format : YYYY-MM</div>
    <datetime v-on:change="getValue" format="YYYY-MM"></datetime>

    <div class="title">value : 2017-07-09</div>
    <datetime v-on:change="getValue" value="2017-07-09"></datetime>

    <div class="title">minYear : 1992  &nbsp&nbsp&nbsp&nbsp  maxYear : 2019</div>
    <datetime v-on:change="getValue" :minYear="1992" :maxYear="2019"></datetime>
  </div>
</template>


<script type="text/javascript">

  import datetime from '../../packages/datetime';
  export default {
      methods:{
          getValue(msg){
            console.log(msg)
          }
        },
      components:{
        datetime : datetime
      }
  }
</script>